
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>蓝粤英才网</title>
 <link rel="stylesheet" type="text/css" href="css/new_file.css">
    <!-- 使用Font Awesome图标 -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
</head>
<body>
    <!-- 顶部导航 -->
    <nav class="top-nav">
        <div class="container">
            <div class="nav-container">
                <a href="#" class="logo">
    <img src="img/x1.jpg" height="50px" width="200px">
                </a>
                
                <div class="nav-links">
                    <a href="new_file.html" class="nav-link active"><i class="fas fa-home"></i> 首页</a>
                    <a href="1.html" class="nav-link"><i class="fas fa-book"></i> 课程</a>
                    <a href="https://www.lanqiao.cn/" class="nav-link"><i class="fas fa-project-diagram"></i> 学习路径</a>
                    <a href="https://www.lanqiao.cn/louplus/" class="nav-link"><i class="fas fa-code"></i> 实训营</a>
                    <a href="https://juejin.cn/" class="nav-link"><i class="fas fa-users"></i> 社区</a>
				
                </div>
                
                <div class="nav-links">
                    <div class="nav-link">
						<a href="index.html">登录</a>
						</div>

		<div class="nav-links">
		    <div class="nav-link">
						<a href="#">注册</a>
				</div>
				</div>
	</div>
</nav>

    </header>
    
    <div class="banner-container">
        <div class="banner-slides">
            <div class="banner-slide" style="background-image: url('https://img.picui.cn/free/2025/05/19/682abae29b066.jpg')"></div>
            <div class="banner-slide" style="background-image: url('https://img.picui.cn/free/2025/05/19/682abae25e265.png')"></div>
            <div class="banner-slide" style="background-image: url('https://img.picui.cn/free/2025/05/19/682abae2d7c93.jpg')"></div>
			<div class="banner-slide" style="background-image: url('https://img.picui.cn/free/2025/05/19/682abae29e69b.jpg')"></div>
			<div class="banner-slide" style="background-image: url('https://img.picui.cn/free/2025/05/19/682abae2ce97d.jpg')"></div>
			<div class="banner-slide" style="background-image: url('https://img.picui.cn/free/2025/05/19/682abae811db2.jpg')"></div>
        </div>
        <div class="banner-indicators"></div>
        <div class="banner-nav banner-prev">‹</div>
        <div class="banner-nav banner-next">›</div>
    </div>
    <section class="hero">
        <h1>开启你的学习之旅</h1>
        <p>我们提供高质量的在线课程，涵盖编程、设计、商业等多个领域，帮助你提升技能，实现职业发展。</p>
        <a href="1.html" class="btn">立即开始学习</a>
    </section>
    
    <section class="courses">
        <div class="course-card">
            <div class="course-img" style="background-image: url('https://img.picui.cn/free/2025/05/19/682abdbb7c9be.png')"></div>
            <div class="course-info">
                <h3>Linux入门</h3>
                <p>学习现代基础知识</p>
                <div class="course-meta">
                    <span>初级课程</span>
                    <span>12课时</span>
                </div>
            </div>
        </div>
        
        <div class="course-card">
            <div class="course-img" style="background-image: url('https://img.picui.cn/free/2025/05/19/682abae811db2.jpg')"></div>
            <div class="course-info">
                <h3>UNIT扫码接入</h3>
                <p>零代码打造智能对话提升前端开发能力。</p>
                <div class="course-meta">
                    <span>热门课程</span>
                    <span>24课时</span>
                </div>
            </div>
        </div>
        
        <div class="course-card">
            <div class="course-img" style="background-image: url('https://img.picui.cn/free/2025/05/19/682abbf9cd6d4.png')"></div>
            <div class="course-info">
                <h3>蓝桥云课</h3>
                <p>新手入门指南之玩转蓝桥云课<</p>
                <div class="course-meta">
                    <span>中级课程</span>
                    <span>18课时</span>
                </div>
            </div>
        </div>
		
		<div class="course-card">
		    <div class="course-img" style="background-image: url('https://img.picui.cn/free/2025/05/19/682abe3d22511.png')"></div>
		    <div class="course-info">
		        <h3>蓝桥云课</h3>
		        <p>玩转python<</p>
		        <div class="course-meta">
		            <span>初级课程</span>
		            <span>18课时</span>
		        </div>
		    </div>
		</div>
    </section>
    

<script src="js/new_file.js"></script>
</body>
</html>
